<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <title>购买家庭谱-订单信息</title>
    <link rel="stylesheet" href="font-family/iconfont.css">
    <link rel="stylesheet" href="../css/app-jpshow/jpshow_style.css">
    <script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
    <script src="js/jpshow.js"></script>
</head>
<body>
<div>
    <div class="p-sm bbs bg_gray">
        <div class="media">
            <div class="media-left">
                <img src="images/zupu.png" alt="" width="120">
            </div>
            <div class="media-right">
                <div class="m-t">
                    <p class="text_oneline"><span class="text_dark">谱名：</span>杨薇的家庭谱，20P</p>
                    <p class="m-t"><span class="text_dark">单价：</span>200元 <span  class="text_lg">*10元/P</span></p>
                    <p class="m-t"><span  class="text_dark">数量：</span></p>
                    <p class="m-t-lg">
                        <span  class="text_dark">共计：</span><span class="text_theme">1200元</span>
                    </p>
                </div>
            </div>
        </div>
    </div>
    <div class="bg_white p-b">
        <div class="jp-input p-lr">
            <div class="p-tb"><label for="name">收货人姓名：</label></div>
            <div class="weui-cell jp-input-cell">
                <div class="weui-cell__bd">
                    <input class="weui-input" id="name" type="text">
                </div>
            </div>
            <div class="p-tb"><label for="number">手机号码：</label></div>
            <div class="weui-cell jp-input-cell">
                <div class="weui-cell__bd">
                    <input class="weui-input" id="number" type="text">
                </div>
            </div>
            <div class="p-tb"><label for="address">收货地址：</label></div>
            <div class="weui-flex">
                <div class="weui-flex__item">
                    <div class="weui-cell weui-cell_select m-r-xs">
                        <div class="weui-cell__bd">
                            <select class="weui-select" name="select1">
                                <option selected="" value="1">省</option>
                                <option value="2">湖南</option>
                                <option value="3">湖北</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="weui-flex__item">
                    <div class="weui-cell weui-cell_select">
                        <div class="weui-cell__bd">
                            <select class="weui-select" name="select2">
                                <option selected="" value="1">市</option>
                                <option value="2">长沙市</option>
                                <option value="3">岳阳市</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="weui-flex__item">
                    <div class="weui-cell weui-cell_select m-l-xs">
                        <div class="weui-cell__bd">
                            <select class="weui-select" name="select3">
                                <option selected="" value="1">区(县)</option>
                                <option value="2">宁乡县</option>
                                <option value="3">星沙区</option>
                            </select>
                        </div>
                    </div>
                </div>
            </div>
            <div class="weui-cell jp-input-cell m-t">
                <div class="weui-cell__bd">
                    <input class="weui-input" id="address" type="text" placeholder="详细地址">
                </div>
            </div>
            <div class="m-t-lg">
                <div class="weui-flex">
                    <div class="weui-flex__item">
                        <div class="m-r-xs">
                            <a href="javascript:;" class="weui-btn weui-btn_default f14">
                                <i class="icon iconfont icon-zhifubao m-r-xs icon-zfb"></i>支付宝
                            </a>
                        </div>
                    </div>
                    <div class="weui-flex__item">
                        <div class="m-l-xs">
                            <a href="javascript:;" class="weui-btn weui-btn_default f14">
                                <i class="icon iconfont icon-iconfontweixinzhifu01  m-r-xs  icon-wx"></i>微信支付
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>